import React from 'react';
import {inject, observer} from 'mobx-react';
import { WeaTop,WeaLocaleProvider } from 'ecCom';
import { Row,} from 'antd';

import LeftContainer from './leftContainer';
import RightContainer from './rightContainer';

import '../../style/index';
const getLabel = WeaLocaleProvider.getLabel;

const allstores = ['staffKanbanStore','myWorkPlanStore'];
@inject(...allstores)
@observer
class StaffKanban extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }
  
  componentWillMount() {}

  render() {
    const {selectKeyArr,selectHrmStr} = this.props.staffKanbanStore;
    return (
      <div>
        <div>
          <WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@z009qc`}
            icon={<i className='icon-coms-schedule' />}
            iconBgcolor='#7734FF'
            title={getLabel(505880,'人员看板：')+`${selectHrmStr}`}
            showDropIcon={false}
          >
            <div style={{ overflow: 'hidden', height: '100%' }}>
              <Row ecId={`${this && this.props && this.props.ecId || ''}_Row@rmox7x`} className="staffKanban"  style={{ minWidth: '1066px', height: '100%' }}>
                <LeftContainer ecId={`${this && this.props && this.props.ecId || ''}_LeftContainer@n4lok3`} /> 
                <RightContainer ecId={`${this && this.props && this.props.ecId || ''}_RightContainer@mhlufb`} changeHrm={selectKeyArr}/>
              </Row>
            </div>
          </WeaTop>
        </div>
      </div>
    );
  }
}

export default StaffKanban;
